<template>
    <div v-html="getContent()" class="textareaLabel">
    </div>
</template>
<script lang="ts" setup>
import { defineProps } from 'vue';
const props = defineProps({
    content:String
})

const getContent = ()=>{
    if(props.content == null) {
        return ''
    }

    return props.content.replace(/\n/g, "<br/>").replace(/ /g, "&nbsp;");
}
</script>

<style lang="less" scoped>
.textareaLabel{
    color:#333;
    
}
</style>